<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org "
 	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/js/vue.min.js}"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<title></title>
<style scoped>
  
</style>
</head>
<body>
  <div class="app-container" id="app">
 	<input type="hidden" id="url" v-model="url" th:value="${url}" />
 	<iframe id="iFrame" src="https://v.qq.com/x/page/b0862tw6jqz.html">
 	</iframe>
  </div>
  <script>
  	new Vue({
  		el:'#app',
  		data:{
  			url:$("#url").val()
  		},
  		created:function(){
  			/* let showSrc = 'https://cors-anywhere.herokuapp.com/'+this.url; //协议名根据实际情况决定
  			axios.get( showSrc ).then((response)=>{
  			   let html = response.data;
  			   html = html.replace(/data-src/g, "src")
  			   		.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/g, '')
  			   		.replace(/https/g,'http');
  			   let html_src = 'data:text/html;charset=utf-8,' + html;
  			   let iframe = document.getElementById('iFrame');
  			   iframe.src = html_src;
  			 },(err)=>{console.log(err);}); */
  		}
  	})
  </script>
</body>
</html>